/* djangotutorial/static/admin/css/custom.css */
/* 全屏背景图片 */
    body.login {
        background-image: url('/static/polls/images/background.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    
    /* 为内容添加半透明背景，确保可读性 */

/* 导入 Tailwind CSS */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 替换 Django 管理界面的蓝色主色调为橙色 */
:root {
    --primary: #f97316; /* 橙色 */
    --secondary: #ea580c; /* 深橙色 */
    --accent: #fb923c; /* 浅橙色 */
    --breadcrumb-bg: #3dc9f0; /* 面包屑导航栏 - 蓝色 */
    --breadcrumb-text: #fce301f6; /* 面包屑文字颜色 */
}
/* 背景图片 */
body {
    background-image: url('/static/polls/images/background.png'); /* 关键修改点 */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* 半透明遮罩层，确保内容可读性 */
#container {
    position: relative;
    z-index: 1;
}

#container::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85); /* 白色半透明遮罩 */
    z-index: -1;
}


/* 顶部导航栏 */
#header {
    background-color: var(--primary);
}

/* 侧边栏标题 */
.module h2, .module caption, .inline-group h2 {
    background-color: var(--secondary);
}

/* 按钮和链接 */
.button, input[type=submit], input[type=button], .submit-row input, a.button {
    background-color: var(--primary);
}

.button:active, input[type=submit]:active, input[type=button]:active,
.button:focus, input[type=submit]:focus, input[type=button]:focus,
.button:hover, input[type=submit]:hover, input[type=button]:hover {
    background-color: var(--secondary);
}

/* 选中状态 */
.selector-chosen h2 {
    background-color: var(--primary) !important;
}

/* 分页控件 */
.paginator a:link, .paginator a:visited {
    background-color: var(--primary);
}

.paginator a:hover {
    background-color: var(--secondary);
}

/* 面包屑导航栏 */
div.breadcrumbs {
    background: var(--breadcrumb-bg);
    padding: 10px 15px;
    border: none;
    color: var(--breadcrumb-text);
    text-align: left;
}

div.breadcrumbs a {
    color: var(--breadcrumb-text);
    text-decoration: none;
}

div.breadcrumbs a:focus,
div.breadcrumbs a:hover {
    color: var(--breadcrumb-text);
    text-decoration: underline;
}
